<template>
  <div class="page-container card">
    <IconList :colnum="6"></IconList>
    <div class="help card glass" @click="toHelp">如何使用自定义图标</div>
  </div>
</template>

<script setup name="icons">
import IconList from '@/components/IconSelect/IconList.vue'

function toHelp() {
  window.open('https://blog.csdn.net/qq_48702470/article/details/134409205')
}
</script>

<style lang="scss" scoped>
.page-container {
  display: block;
  padding: var(--page-padding);

  .help {
    position: absolute;
    bottom: 30px;
    right: 30px;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 12px;
    cursor: pointer;

    &:active {
      color: #67c23a;
    }
  }
}
</style>
